﻿<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="com.zaofan.bean.Admin"%>
<%@page import="com.zaofan.bean.AdminType"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%
	String contextPath = request.getContextPath();
Admin admin = (Admin)session.getAttribute("admin");
if(admin == null){
	response.sendRedirect(contextPath + "/login.jsp?state=" + "session-invalid");
	return;
	}
if(admin.getType() != AdminType.admin.ordinal() &&  admin.getType() != 4){
	response.sendRedirect(contextPath + "/login.jsp?state=" + "session-invalid");
	return;
}
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>充值记录</title>
<link href="<%=contextPath%>/admin/css/base.css" rel="stylesheet" />
<link href="<%=contextPath%>/admin/assets/css/bootstrap.min.css"
	rel="stylesheet" />
<link rel="stylesheet"
	href="<%=contextPath%>/admin/assets/css/font-awesome.min.css" />
<!--[if IE 7]>
	<link rel="stylesheet" href="<%=contextPath%>/admin/assets/css/font-awesome-ie7.min.css" />
<![endif]-->
<link rel="stylesheet"
	href="<%=contextPath%>/admin/assets/css/ace.min.css" />
<link rel="stylesheet"
	href="<%=contextPath%>/admin/assets/css/ace-rtl.min.css" />
<link rel="stylesheet"
	href="<%=contextPath%>/admin/assets/css/ace-skins.min.css" />
<!--[if lte IE 8]>
	<link rel="stylesheet" href="<%=contextPath%>/admin/assets/css/ace-ie.min.css" />
<![endif]-->
<script src="<%=contextPath%>/admin/assets/js/ace-extra.min.js"></script>
<!--[if lt IE 9]>
	<script src="<%=contextPath%>/admin/assets/js/html5shiv.js"></script>
	<script src="<%=contextPath%>/admin/assets/js/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet"
	href="<%=contextPath%>/admin/assets/css/jquery-ui-1.10.3.custom.min.css" />
<link rel="stylesheet"
	href="<%=contextPath%>/admin/assets/css/chosen.css" />
<script type="text/javascript">  
       var contextPath='<%=contextPath%>';
</script>
</head>
<body style="background-color: #fff;">
	<div class="breadcrumbs" id="breadcrumbs">
		<script type="text/javascript">
			try {
				ace.settings.check('breadcrumbs', 'fixed')
			} catch (e) {
			}
		</script>
		<ul class="breadcrumb" style="padding: 20px; color: #3a87ad;">
		</ul>
	</div>
	<div class="page-content">
		<div class="row" style="height: 100%">
		

		
			<div class="col-xs-12">
				<style>
.table-responsive table th tr {
	text-align: center;
}
</style>
				<div class="table-responsive">

					<input type="hidden" value="1" id="start" />
					<table id="sample-table-2"
						class="table table-striped table-bordered table-hover">
						<thead>
							<tr>
								<th style="text-align: center;">号码</th>
								<th style="text-align: center;">已返还金额</th>
								<th style="text-align: center;">需返还实物</th>
								<th style="text-align: center;">充值时间</th>
								<th style="text-align: center;">充值方式</th>
								<th style="text-align: center;">状态</th>
								<th style="text-align: center;">操作</th>
							</tr>
						</thead>
						<tbody id="data-list" style="text-align: center;">
						</tbody>
					</table>
				</div>
			</div>
			<!-- /.col -->
		</div>
		<!-- /.row -->
		<div class="row">
			<div class="col-sm-6">
				<div id="sample-table-2_info" class="dataTables_info">
					当前 <span id="current"> </span> 到 <span id="page"></span> 总共 <span
						id="total"></span> 条
				</div>
			</div>
			<div class="col-sm-6">
				<div class="dataTables_paginate paging_bootstrap">
					<ul class="pagination pagination-sm" id="page-list">
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="loading"
		style="width: 32px; height: 32px; position: fixed; left: 40%; top: 40%; display: none;">
		<img src="<%=contextPath%>/admin/assets/css/images/loading.gif"
			width="32" height="32" />
	</div>
	<div class="popover"
		style="z-index: 9999; width: 150px; position: fixed; left: 40%; top: 40%;">
		<div class="arrow"></div>
		<div class="popover-inner">
			<h3 class="popover-title">操作提示</h3>
			<div class="popover-content" id="popover-content">
				<p>操作成功</p>
			</div>
		</div>
	</div>

	<script type="text/javascript">
		if ("ontouchend" in document)
			document
					.write("<script src='<%=contextPath%>/admin/assets/js/jquery.mobile.custom.min.js'>" + "<"+"/script>");
	</script>
	<script type="text/javascript">
		window.jQuery
				|| document
						.write("<script src='<%=contextPath%>/admin/assets/js/jquery-2.0.3.min.js'>"
								+ "<"+"script>");
	</script>

	<!--[if IE]>
		<script type="text/javascript">
			window.jQuery || document.write("<script src='<%=contextPath%>/admin/assets/js/jquery-1.10.2.min.js'>"+"<"+"script>");
		</script>
	<![endif]-->
	<script type="text/javascript">
		if ("ontouchend" in document)
			document
					.write("<script src='<%=contextPath%>/admin/assets/js/jquery.mobile.custom.min.js'>"
							+ "<"+"script>");
	</script>
	<script src="<%=contextPath%>/admin/assets/js/bootstrap.min.js"></script>
	<script src="<%=contextPath%>/admin/assets/js/typeahead-bs2.min.js"></script>

	<!--[if lte IE 8]>
		  <script src="assets/js/excanvas.min.js"></script>
	<![endif]-->
	<script
		src="<%=contextPath%>/admin/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
	<script
		src="<%=contextPath%>/admin/assets/js/jquery.ui.touch-punch.min.js"></script>
	<script src="<%=contextPath%>/admin/assets/js/jquery.slimscroll.min.js"></script>
	<script
		src="<%=contextPath%>/admin/assets/js/jquery.easy-pie-chart.min.js"></script>
	<script src="<%=contextPath%>/admin/assets/js/jquery.sparkline.min.js"></script>
	<script src="<%=contextPath%>/admin/assets/js/ace-elements.min.js"></script>
	<script src="<%=contextPath%>/admin/assets/js/ace.min.js"></script>
	<script src="<%=contextPath%>/admin/js/common.js"></script>
	<script src="<%=contextPath%>/admin/assets/js/jquery-form.js"></script>
	<script
		src="<%=contextPath%>/admin/assets/js/jquery.dataTables.bootstrap.js"></script>
	<script
		src="<%=contextPath%>/admin/assets/js/jquery.dataTables.bootstrap.js"></script>
	<script
		src="<%=contextPath%>/admin/assets/js/date-time/bootstrap-datepicker.min.js"></script>


	<script type="text/javascript">
		$(function() {
			init();


		});
		function init() {

			var currentpage = GetQueryString('currentpage')	;

			if(currentpage==null){
				currentpage =1 ;
			}

			getData(currentpage);
		}



		function GetQueryString(name)
		{
			var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
			var r = window.location.search.substr(1).match(reg);
			if(r!=null)return  unescape(r[2]); return null;
		}



		function getData(start) {

			$("#loading").show();
			$.ajax({
				url : contextPath + '/accountLog',
				type : "POST",
				dataType : 'json',
				data : {
					action : 'getreturnlist',
					begin : (start - 1) * 20,
					end : 20,
					order : 'by addTime desc'
				},
				success : function(rs, textStatus, jqXHR) {

					if (rs.success) {
						var data = rs.data;
						var total = rs.total;
						console.log(total);
						var dataList = $("#data-list");
						dataList.empty();
						$("#total").text(total);
						$("#current").text((start - 1) * 20 + 1);
						if (data.length > 0) {
							$("#page").text((start - 1) * 20 + data.length);
							parseData(data, total, start);
						} else {
							showMessage("无数据");
						}
					} else {
						showMessage("获取数据失败,请稍后再试");
					}
					$("#loading").hide();

				},
				error : function() {
					$("#loading").hide();
					showMessage("请稍后再试");
				}
			});
		}

		function parseData(data, total, start) {
			var dataList = $("#data-list");
			var tr = "";
			for (var i = 0; i < data.length; i++) {
				tr += '<tr>';
				tr += '<td>' + data[i].accountMobile + '</td>';
				tr += '<td>' + data[i].money + '</td>';
				var items = "未知";
				if (data[i].money == 30) {
					items = "茶具礼盒";
				}
				if (data[i].money == 100) {
					items = "充电宝";
				}
				if (data[i].money == 200) {
					items = "逼格西点";
				}
				var status = "未知";
				if (data[i].mark == "fz") {
					status = "未返还";
				}
				if (data[i].mark == "fz0") {
					status = "已返还";
				}


				tr += '<td>' + items + '</td>';
				tr += '<td>' + data[i].addTime + '</td>';
				tr += '<td>' + data[i].type + '</td>';
				tr += '<td>' + status + '</td>';

				var id = data[i].id;
				if (data[i].mark == "fz") {

				    tr += '<td>' + "<button  dataid="+id+" class='btn btn-primary btn-xs btn_do'>标记已返还</button>" + '</td>';
			    }else if(data[i].mark =='fz0'){
					tr += '<td>' + "<button  dataid="+id+" class='btn btn-danger btn-xs btn_undo'>标记未返还</button>" + '</td>';
				}else{
					tr += '<td>' + "无操作" + '</td>';
				}

				if (data[i].payState == 2) {
					tr += '<td>支付</td>';
					tr += '<td></td>';
				} else if (data[i].state == 0) {
					tr += '<td>未支付</td>';
					tr += '<td><input type="hidden" value="'+data[i].rechargeNo+'" class="rechargeNo"/><button type="button" class="btn btn-primary btn-xs pay">支付</button></td>';
				} 
				tr += '</tr>';
			}
			dataList.append(tr);

			$('.btn_do').click(function () {

				var id = $(this).attr("dataid");
				$.ajax({
					url : contextPath + '/accountLog?id='+id,
					type : "POST",
					dataType : 'json',
					data : {
						action : 'returndo',
					},
					success : function(rs) {
						if (rs.success) {
								showMessage("操作成功");
							refresh();
						} else {
							showMessage("操作失败");
						}
						$("#loading").hide();

					},
					error : function() {
						$("#loading").hide();
						showMessage("请稍后再试");
					}
				});
			})


			$('.btn_undo').click(function () {
				var id = $(this).attr("dataid");
				$.ajax({
					url : contextPath + '/accountLog?id='+id,
					type : "POST",
					dataType : 'json',
					data : {
						action : 'returnundo',
					},
					success : function(rs) {
						if (rs.success) {
							showMessage("操作成功");
							refresh();
						} else {
							showMessage("操作失败");
						}
						$("#loading").hide();

					},
					error : function() {
						$("#loading").hide();
						showMessage("请稍后再试");
					}
				});

			})

			function refresh() {
 			window.location='rechargeReturnList.jsp?currentpage='+start;
			}



			//分页
			var pageList = $("#page-list");
			pageList.empty();
			pageList.append(getPageInfo20(start, total));
			$("html,body").animate({
				scrollTop : 0
			}, 200);
		}





	</script>
</body>
</html>